<template>
    <div>
      <el-table
        :data="tableData"
        style="width: 100%">
        <el-table-column
          prop=""
          label="序号"
          width="180">
          <template slot-scope="scope">
            <span>{{(pages.page - 1) * pages.size + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="chapterName"
          label="章节名称"
          width="180">
        </el-table-column>
        <el-table-column
          prop=""
          label="操作">
        </el-table-column>
      </el-table>
    </div>
</template>

<script>
    export default {
        name: "videomananger",
        data(){
          return{
            tableData:[],
            pages: {
              page: 1,
              size: 10,
              total: 100,
            },
          }
        },
        methods:{
          selectData(){
            let id =11;
            this.$axios.post("/showdata/eduChapter/findChapterById/"+id).then(res=>{
              this.tableData = res.data;
              console.log(this.tableData);
            }),function () {
              alert("失败!")
            }
          },
        },
      mounted(){
          this.selectData();
      }
    }
</script>

<style scoped>

</style>
